/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
  html, body, div, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:14px;
	font-family:inherit;
	font-family:verdana, Arial, Helvetica, sans-serif;
	
}

table {
	border-collapse:separate;
	border-spacing:0;
}
caption{
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
HTML5 tags
header, section, footer,
aside, nav, article, figure {
	display: block;
}

===================
=== Main Styles ===
===================


a, a:visited {
		text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}



.slider-wrapper { 
	margin: 0px auto;
	padding-right:2px;
}

.theme-default #slider {
	width:1053px;
	height: 260px; 
	#border:4px solid #07c;
	border-bottom:3px solid #07c;
	#border-radius:5px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:20px;
}

====================
=== Other Styles ===
====================
.clear {
	clear:both;
}
code added for the second page CSS purpose

#sidebar1 {
	float: left;
	width: 250px;
}

#sidebar1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar1 li {
	margin-bottom: 20px;
}

#sidebar1 li ul {
	padding: 20px;
}

#sidebar1 li li {
	margin: 0;
	padding-left: 5px;
	padding-bottom: 5px;
	background: url(img041.gif) no-repeat left 50%;
}

#sidebar1 p {
	padding: 0 20px;
}

#sidebar1 h2 {
	height: 20px;
	margin: 0;
	padding: 6px 0 0 20px;
	border-bottom: 1px dashed #B9B9B9;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#projects{

color: #000000;
font-weight: bold;
background-image: url(images/red-tiled.png);
background-repeat:repeat;
line-height:1.5em;
text-decoration: none; 
font-size:18px;
font: Verdana, Arial, Helvetica, sans-serif;


}

#projects li{
list-style:none;
border:1px #1e7294 solid;
border-top:none;

} 
#projects li a{
	color:#666666;
	text-decoration:none;
	line-height:40px;
	padding-left:10px;
	
	
}

#projects li a:hover{
	color:#FFCC00;
	text-decoration:none;
} 
.contentup{
width:250px;
float:left;
margin:0 auto;
background-color: #b8ebff;
margin:5px;
border-left:1px #1e7294 solid;
border-right:1px #1e7294 solid;
border-top:1px #1e7294 solid;
#border:3px solid #07c;
border-radius:5px;


}
#contleft{
width:250px;
height:400px;
float:left;
margin:0 auto;

}
#contright{
	width:770px;
	overflow: auto;
 	height: auto;
 	margin:5px;
	#background-color:#f2f1ef;
	float:right;
	border-radius:5px;
	padding-top:2px;
	text-align:justify;
	padding:10px;
}


#tool1123{
	width:790px;
	overflow: auto;
 	height: auto;
	background-color:#f2f1ef;
	float:right;
	border-radius:5px;
	text-align:justify;
	padding:10px;
}


/* .loadingForm1{
	background-color:#f2f1ef;
	float:right;
	border-radius:5px;
} */
ul.svertical{
width: 250px; /* width of menu */
overflow: auto;

background-image: url(images/red-tiled123.png);
background-repeat:repeat;
margin: 0;
padding: 0;
padding-top: 7px; /* top padding */
list-style-type: none;
border-radius:5px;
}

ul.svertical li{
text-align: left; /* right align menu links */
width:190px;
}

ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background-image: url(images/gradient.png);
font: bold 14px verdana;
text-decoration: none;
padding: 5px;
margin-bottom: 7px; /* spacing between links */
color: #F5F5F5;
-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width:210px;
}

ul.svertical li a:hover{
padding-left: 30px; /* add right padding to expand link horizontally to the left */
color: white;
background: #062AF8;
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}

ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;


}
.TFBORDER{
	BORDER-RIGHT:#cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
}
/* this is for the showing for form purpose */



.TBFORM {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	border-radius: 5px;
	border: 1px solid #439dc4;
}

.TDBBLRTFORM {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	border-radius: 5px;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 12px;
}
.TDBBLRFORM {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	border-radius: 5px;
	font-size: 12px;
}
.TDBBR {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
}
.TDBB{
	BORDER-BOTTOM: #cccccc 1px solid;
}
.TITLEFORM {
	width=700;
	background-color: #439dc4;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	text-align:center;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

.anchor {
	display: inline-block;
	#font-weight: bold;
	color: white;
	background-color: #439dc4;
	text-align: center;
	#padding: 1px;
	text-decoration: none;
	width: 100px;
	margin: 0px;
	border-radius: 5px;
}

.selectClass {
   font-size: 13px;
   font-family: Verdana, Arial,Helvetica, sans-serif;
}​
/* Menu */
.PH1 {
	font-family: Verdana, Arial, Times Newroman;
	color: #0147FA;
	font-weight: bold;
	border-bottom: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
}

.PH11 {
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 12px;
	color: #0147FA;
	font-weight: bold;
	border-bottom: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
}

.PH2 {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: green;
	font-weight: bold;
	border-bottom: solid 1px #c3c3c3;
}

.PH3 {
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 12px;
}

.PH4 { #
	font-weight: bold;
	border-bottom: solid 1px #c3c3c3;
}

.PH5 {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: green;
	font-weight: bold;
}
.STRIP {
	background: #3300FF;
	color: white;
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
}
td.animatedbgul font {
	display: block;
	float: left;
	/* cause width of each span to take up only as much space as needed */
	min-width: 0px;
	/* animated property. Explicit min-width defined so animation works. */
	margin-bottom: 3px;
	padding: 4px;
	color: #5d5d5d;
}

.testform,.test1form {
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	padding: 1px;
	float: left;
	text-font: bold;
	text-align: left;
	color: white;
	background-color: #439dc4;
	border-radius: 5px;
}

.textFont{
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight: bold;
}
u[title]:hover {
  content: attr(title);
  padding: 4px 8px 4px 10px;
  position: relative;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
#background:url(http://3.bp.blogspot.com/-spNkTF1j_0s/UYcaJx3JUYI/AAAAAAAAAWU/7Q99tUXlfkk/s1600/Create+Simple+CSS+Tooltips+Using+Title+Attribute+Images.png) no-repeat;
background-color:rose;
}